<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>后台管理</title>
	
	<!-- ================= Favicon ================== -->
    <!-- Standard -->
    <link rel="shortcut icon" href="http://placehold.it/64.png/000/fff">
    <!-- Retina iPad Touch Icon-->
    <link rel="apple-touch-icon" sizes="144x144" href="http://placehold.it/144.png/000/fff">
    <!-- Retina iPhone Touch Icon-->
    <link rel="apple-touch-icon" sizes="114x114" href="http://placehold.it/114.png/000/fff">
    <!-- Standard iPad Touch Icon--> 
    <link rel="apple-touch-icon" sizes="72x72" href="http://placehold.it/72.png/000/fff">
    <!-- Standard iPhone Touch Icon--> 
    <link rel="apple-touch-icon" sizes="57x57" href="http://placehold.it/57.png/000/fff">
	
	<!-- Styles -->
    <link href="__ADMIN_OTHER__/fontAwesome/css/fontawesome-all.min.css" rel="stylesheet">
    <link href="__ADMIN_CSS__/lib/themify-icons.css" rel="stylesheet">
    <link href="__ADMIN_CSS__/lib/mmc-chat.css" rel="stylesheet" />
    <link href="__ADMIN_CSS__/lib/sidebar.css" rel="stylesheet">
    <link href="__ADMIN_CSS__/lib/bootstrap.min.css" rel="stylesheet">
    <link href="__ADMIN_CSS__/lib/nixon.css" rel="stylesheet">
    <link href="__ADMIN_CSS__/style.css" rel="stylesheet">
</head>

<body>
{include file="public/menu"}
<!-- /# sidebar -->
{include file="public/header"}


    <div class="content-wrap">
        <div class="main">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-8 p-0">
                        <div class="page-header">
                            <div class="page-title">

                            </div>
                        </div>
                    </div><!-- /# column -->
                    <div class="col-lg-4 p-0">
                        <div class="page-header">
                            <div class="page-title">
                                <ol class="breadcrumb text-right">
                                    <li><a>后台栏目管理</a></li>
                                    <li class="active">栏目列表</li>
                                </ol>
                            </div>
                        </div>
                    </div><!-- /# column -->
                </div><!-- /# row -->
                <div class="main-content">
                    <div class="row">
                        <div class="col-lg-6">
                            <a href="/admin/MenuAdd"><button type="button" class="btn btn-primary btn-flat btn-addon m-b-10 m-l-5"><i class="ti-plus"></i>添加栏目</button></a>
                            <div class="card alert">
                                <div class="card-header">
                                    <h4>
                                        {if condition="isset($topMenuName)"}
                                        【{$topMenuName}】 栏目
                                        {else /}
                                        【一级】 栏目
                                        {/if}
                                    </h4>
									<div class="card-header-right-icon">
										<ul>
											<li class="card-close" data-dismiss="alert"><i class="ti-close"></i></li>
											<li class="card-option drop-menu"><i class="ti-settings" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" role="link"></i>
												<ul class="card-option-dropdown dropdown-menu">
													<li><a href="#"><i class="ti-loop"></i> Update data</a></li>
													<li><a href="#"><i class="ti-menu-alt"></i> Detail log</a></li>
													<li><a href="#"><i class="ti-pulse"></i> Statistics</a></li>
													<li><a href="#"><i class="ti-power-off"></i> Clear ist</a></li>
												</ul>
											</li>

										</ul>
									</div>
                                </div>
                                <div class="card-body">
                                    <table class="table table-responsive table-bordered">
                                        <thead>
                                            <tr>
                                                <th>ID</th>
                                                <th>名称</th>
                                                <th>图标</th>
                                                <th>链接</th>
                                                <th>操作</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        {volist name='rs' id='vo'}
                                            <tr>
                                                <td scope="row">{$vo.id}</td>
                                                <td>{$vo.name}</td>
                                                <td>
                                                    {if condition="!empty($vo['icon'])"}
                                                    【 <i class="{$vo.icon}"> 】</i>{$vo.icon}
                                                    {else /}
                                                    <button type="button" class="btn btn-default btn-outline m-b-10">Null</button>
                                                    {/if}
                                                </td>
                                                <td class="color-primary">{$vo.class}</td>
                                                <td>
                                                    <a href="/admin/Menu?pid={$vo.id}"><button type="button" class="btn btn-info m-b-10 m-l-5">下级</button></a>
                                                    <button type="button" class="btn btn-warning m-b-10 m-l-5">修改(暂未)</button>
                                                    <button type="button" class="btn btn-danger m-b-10 m-l-5">删除(暂未)</button>
                                                </td>
                                            </tr>
                                        {/volist}
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div><!-- /# column -->

					</div><!-- /# row -->     </div>

            </div><!-- /# container-fluid -->
        </div><!-- /# main -->
    </div><!-- /# content wrap -->

    <script src="__ADMIN_JS__/lib/jquery.min.js"></script><!-- jquery vendor -->
    <script src="__ADMIN_JS__/lib/jquery.nanoscroller.min.js"></script><!-- nano scroller -->
    <script src="__ADMIN_JS__/lib/sidebar.js"></script><!-- sidebar -->
    <script src="__ADMIN_JS__/lib/bootstrap.min.js"></script><!-- bootstrap -->
    <script src="__ADMIN_JS__/lib/mmc-common.js"></script>
    <script src="__ADMIN_JS__/lib/mmc-chat.js"></script>
</body>

</html>